<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>工件管理登录</title>
  <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
  <meta name="author" content="Vincent Garreau" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" media="screen" href="/css/style.css">
  <link rel="stylesheet" type="text/css" href="/css/reset.css"/>
	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
</head>
<body>

<div id="particles-js">
	<form action="${pageContext.request.contextPath}/user/doLogin">
		<div class="login">
			<div class="login-top">
                MES登录
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="/img/name.png"/></div>
				<div class="login-center-input">
					<input type="text" name="name" value="" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'"/>
					<div class="login-center-input-text">用户名</div>
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="/img/password.png"/></div>
				<div class="login-center-input">
					<input type="password" name="password" value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'"/>
					<div class="login-center-input-text">密码</div>
				</div>
			</div>
            <a href="/user/logon" style="margin-left: 250px; color: deepskyblue">立即注册?</a>
			<div class="login-button" style="margin-top:20px;width: 223px;">
				<input type="submit" value="登录" style="background:dodgerblue; border:none; color: white;">
			</div>
		</div>

	</form>

</div>

<!-- scripts -->
<script src="/js/particles.min.js"></script>
<script src="/js/app.js"></script>
<%--<script type="text/javascript">--%>
    <%--function hasClass(elem, cls) {--%>
        <%--cls = cls || '';--%>
        <%--if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时，返回false--%>
        <%--return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');--%>
    <%--}--%>

    <%--function addClass(ele, cls) {--%>
        <%--if (!hasClass(ele, cls)) {--%>
            <%--ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;--%>
        <%--}--%>
    <%--}--%>

    <%--function removeClass(ele, cls) {--%>
        <%--if (hasClass(ele, cls)) {--%>
            <%--var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' ';--%>
            <%--while (newClass.indexOf(' ' + cls + ' ') >= 0) {--%>
                <%--newClass = newClass.replace(' ' + cls + ' ', ' ');--%>
            <%--}--%>
            <%--ele.className = newClass.replace(/^\s+|\s+$/g, '');--%>
        <%--}--%>
    <%--}--%>
    <%--// document.querySelector(".login-button").onclick = function(){--%>
    <%--//     addClass(document.querySelector(".login"), "active")--%>
    <%--//     setTimeout(function(){--%>
    <%--//         addClass(document.querySelector(".sk-rotating-plane"), "active")--%>
    <%--//         document.querySelector(".login").style.display = "none"--%>
    <%--//     },800)--%>
    <%--//     setTimeout(function(){--%>
    <%--//         removeClass(document.querySelector(".login"), "active")--%>
    <%--//         removeClass(document.querySelector(".sk-rotating-plane"), "active")--%>
    <%--//         document.querySelector(".login").style.display = "block"--%>
    <%--//         alert("登录成功")--%>
	<%--//--%>
    <%--//     },5000)--%>
    <%--// }--%>
<%--</script>--%>
</body>
</html>